@property --colors--grey {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --columns--col-1 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc((100% - (11 * 1.5625%)) / 12);
}
@property --columns--col-2 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc((100% - (11 * 1.5625%)) / 12 * 2 + 1.5625%);
}
@property --columns--col-3 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc((100% - (11 * 1.5625%)) / 12 * 3 + 2 * 1.5625%);
}
@property --columns--col-4 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc((100% - (11 * 1.5625%)) / 12 * 4 + 3 * 1.5625%);
}
@property --columns--col-5 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc((100% - (11 * 1.5625%)) / 12 * 5 + 4 * 1.5625%);
}
@property --columns--col-6 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc((100% - (11 * 1.5625%)) / 12 * 6 + 5 * 1.5625%);
}
@property --columns--col-7 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc((100% - (11 * 1.5625%)) / 12 * 7 + 6 * 1.5625%);
}
@property --columns--col-8 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc((100% - (11 * 1.5625%)) / 12 * 8 + 7 * 1.5625%);
}
@property --columns--col-9 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc((100% - (11 * 1.5625%)) / 12 * 9 + 8 * 1.5625%);
}
@property --columns--col-10 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc((100% - (11 * 1.5625%)) / 12 * 10 + 9 * 1.5625%);
}
@property --columns--col-11 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc((100% - (11 * 1.5625%)) / 12 * 11 + 10 * 1.5625%);;
}
@property --columns--col-12 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 100%;
}
@property --spacing--gutter {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 1.5625%;
}
@property --colors--live-wire {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --colors--cherry-pop {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --colors--sugar-high {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --colors--citrus-riot {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --colors--cyber-berry {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --colors--jungle-jolt {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --colors--paper-spark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --typography--size-h1 {
  syntax: "*";
  inherits: true;
  initial-value: 1.125rem;
}
@property --typography--size-h2 {
  syntax: "*";
  inherits: true;
  initial-value: 1rem;
}
@property --typography--size-h3 {
  syntax: "*";
  inherits: true;
  initial-value: 2rem;
}
@property --colors--caffeine-sky {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --colors--oxygen-blast {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --typography--size-nav {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --colors--lemon-squeeze {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --typography--size-base {
  syntax: "*";
  inherits: true;
  initial-value: 1.875rem;
}
@property --colors--evergreen-edge {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --colors--midnight-static {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --colors--tangerine-twist {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --typography--font-family {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --colors--periwinkle-punch {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --colors--radioactive-fizz {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --spacing--space-section-d {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --spacing--space-section-m {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --typography--size-eyebrow {
  syntax: "*";
  inherits: true;
  initial-value: 1.5rem;
}
@property --typography--weight-light {
  syntax: "<number>";
  inherits: true;
  initial-value: 200;
}
@property --typography--weight-regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}

  :host, :root {
  --colors--grey: #8f9193;
  --columns--col-1: calc((100% - (11 * 1.5625%)) / 12);
  --columns--col-2: calc((100% - (11 * 1.5625%)) / 12 * 2 + 1.5625%);
  --columns--col-3: calc((100% - (11 * 1.5625%)) / 12 * 3 + 2 * 1.5625%);
  --columns--col-4: calc((100% - (11 * 1.5625%)) / 12 * 4 + 3 * 1.5625%);
  --columns--col-5: calc((100% - (11 * 1.5625%)) / 12 * 5 + 4 * 1.5625%);
  --columns--col-6: calc((100% - (11 * 1.5625%)) / 12 * 6 + 5 * 1.5625%);
  --columns--col-7: calc((100% - (11 * 1.5625%)) / 12 * 7 + 6 * 1.5625%);
  --columns--col-8: calc((100% - (11 * 1.5625%)) / 12 * 8 + 7 * 1.5625%);
  --columns--col-9: calc((100% - (11 * 1.5625%)) / 12 * 9 + 8 * 1.5625%);
  --columns--col-10: calc((100% - (11 * 1.5625%)) / 12 * 10 + 9 * 1.5625%);
  --columns--col-11: calc((100% - (11 * 1.5625%)) / 12 * 11 + 10 * 1.5625%);;
  --columns--col-12: 100%;
  --spacing--gutter: 1.5625%;
  --colors--live-wire: #5151fc;
  --colors--cherry-pop: #fc032d;
  --colors--sugar-high: #ffc0ff;
  --colors--citrus-riot: #ff5a00;
  --colors--cyber-berry: #ff6fff;
  --colors--jungle-jolt: #085e55;
  --colors--paper-spark: #f9f9f9;
  --typography--size-h1: clamp(2.5rem, 6vw, 6.5rem);;
  --typography--size-h2: clamp(2rem, 5vw, 5.25rem);;
  --typography--size-h3: clamp(1.5rem, 4vw, 4.25rem);;
  --colors--caffeine-sky: #00e1f3;
  --colors--oxygen-blast: #5100C0;
  --typography--size-nav: clamp(1.25rem, 2.25vw, 2.25rem);;
  --colors--lemon-squeeze: #ffea00;
  --typography--size-base: clamp(1.25rem, 1.75vw, 2rem);;
  --colors--evergreen-edge: #00906c;
  --colors--midnight-static: #090910;
  --colors--tangerine-twist: #ff9800;
  --typography--font-family: Soehne;
  --colors--periwinkle-punch: #a2a4d2;
  --colors--radioactive-fizz: #abff5a;
  --spacing--space-section-d: 10%;
  --spacing--space-section-m: 5%;
  --typography--size-eyebrow: clamp(1rem, 1.2vw, 1.125rem);;
  --typography--weight-light: 200;
  --typography--weight-regular: 400;
}
  
  
  [data-nc-theme~="Default"] {
  --colors--grey: #8f9193;
  --columns--col-1: calc((100% - (11 * 1.5625%)) / 12);
  --columns--col-2: calc((100% - (11 * 1.5625%)) / 12 * 2 + 1.5625%);
  --columns--col-3: calc((100% - (11 * 1.5625%)) / 12 * 3 + 2 * 1.5625%);
  --columns--col-4: calc((100% - (11 * 1.5625%)) / 12 * 4 + 3 * 1.5625%);
  --columns--col-5: calc((100% - (11 * 1.5625%)) / 12 * 5 + 4 * 1.5625%);
  --columns--col-6: calc((100% - (11 * 1.5625%)) / 12 * 6 + 5 * 1.5625%);
  --columns--col-7: calc((100% - (11 * 1.5625%)) / 12 * 7 + 6 * 1.5625%);
  --columns--col-8: calc((100% - (11 * 1.5625%)) / 12 * 8 + 7 * 1.5625%);
  --columns--col-9: calc((100% - (11 * 1.5625%)) / 12 * 9 + 8 * 1.5625%);
  --columns--col-10: calc((100% - (11 * 1.5625%)) / 12 * 10 + 9 * 1.5625%);
  --columns--col-11: calc((100% - (11 * 1.5625%)) / 12 * 11 + 10 * 1.5625%);;
  --columns--col-12: 100%;
  --spacing--gutter: 1.5625%;
  --colors--live-wire: #5151fc;
  --colors--cherry-pop: #fc032d;
  --colors--sugar-high: #ffc0ff;
  --colors--citrus-riot: #ff5a00;
  --colors--cyber-berry: #ff6fff;
  --colors--jungle-jolt: #085e55;
  --colors--paper-spark: #f9f9f9;
  --typography--size-h1: clamp(2.5rem, 6vw, 6.5rem);;
  --typography--size-h2: clamp(2rem, 5vw, 5.25rem);;
  --typography--size-h3: clamp(1.5rem, 4vw, 4.25rem);;
  --colors--caffeine-sky: #00e1f3;
  --colors--oxygen-blast: #5100C0;
  --typography--size-nav: clamp(1.25rem, 2.25vw, 2.25rem);;
  --colors--lemon-squeeze: #ffea00;
  --typography--size-base: clamp(1.25rem, 1.75vw, 2rem);;
  --colors--evergreen-edge: #00906c;
  --colors--midnight-static: #090910;
  --colors--tangerine-twist: #ff9800;
  --typography--font-family: Soehne;
  --colors--periwinkle-punch: #a2a4d2;
  --colors--radioactive-fizz: #abff5a;
  --spacing--space-section-d: 10%;
  --spacing--space-section-m: 5%;
  --typography--size-eyebrow: clamp(1rem, 1.2vw, 1.125rem);;
  --typography--weight-light: 200;
  --typography--weight-regular: 400;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .eWOdgz {
      z-index:1;
      position:relative;
      background:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/twstwebsite:Asset9.svg/full") no-repeat no-repeat center center / cover var(--colors--oxygen-blast);
      align-items:center;
      padding-top:clamp(1rem, 2vw, 2rem);
      padding-left:calc(var(--spacing--gutter) * 2);
      padding-right:calc(var(--spacing--gutter) * 2);
      padding-bottom:clamp(2rem, 4vw, 4rem);
      justify-content:start;
      display:none;
    }

    .bYYOWS {
      color:#ffffff;
      font-size:var(--typography--size-eyebrow);
      font-style:normal;
      text-align:left;
      font-family:Soehne;
      font-weight:400;
      line-height:1.1em;
      letter-spacing:-0.02em;
    }

    .cofQCv {
      width:var(--columns--col-10);
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .bCXijA {
      width:100%;
      height:auto;
      max-width:175px;
    }

    .bBcmHR {
      color:#ffffff;
      font-size:var(--typography--size-h2);
      font-style:normal;
      text-align:left;
      font-family:Soehne;
      font-weight:var(--typography--weight-regular);
      line-height:1.1em;
      letter-spacing:-0.02em;
    }

    .bdyKZP {
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .cuvSsR {
      color:var(--fontColor);
      display:inline;
      font-size:var(--typography--size-nav);
      font-style:italic;
      font-family:var(--typography--font-family);
      font-weight:var(--typography--weight-light);
    }

    .faoNkS {
      width:100%;
      display:flex;
      background:rgba(0, 115, 230, 0.1);
      align-items:center;
      padding-top:1rem;
      border-color:#0073e6;
      border-style:solid;
      border-width:1px;
      padding-left:0rem;
      padding-right:0rem;
      padding-bottom:1rem;
      justify-content:center;
      border-top-left-radius:3px;
      border-top-right-radius:3px;
      border-bottom-left-radius:3px;
      border-bottom-right-radius:3px;
    }

    .kYBZm {
      color:#ffffff;
      display:block;
      font-size:.5rem;
      background:#0073e6;
      text-align:center;
      font-family:Inter;
      font-weight:400;
      line-height:1.4em;;
      padding-top:.25rem;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.25rem;
      border-top-left-radius:3px;
      border-top-right-radius:3px;
      border-bottom-left-radius:3px;
      border-bottom-right-radius:3px;
    }

    .eCbCwK {
      color:var(--fontColor);
      font-size:var(--typography--size-nav);
      font-style:normal;
      text-align:left;
      font-family:var(--typography--font-family);
      font-weight:var(--typography--weight-regular);
      line-height:1.1em;
      letter-spacing:-0.02em;
    }

    .bRGBul {
      width:var(--columns--col-1);
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .boZYEt {
      width:100%;
      height:auto;
      display:flex;
      row-gap:var(--spacing--gutter);
      flex-wrap:wrap;
      translate:0 0px 0;
      column-gap:var(--spacing--gutter);
      transition:all 300ms ease;
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .boZYEt.nav-exit {
      opacity:0;
      translate:0 -100px 0;
    }

    .boZYEt.nav-enter {
      opacity:0;
      translate:0 50px 0;
    }

    .frQmSS {
      width:100%;
      display:flex;
      background:rgba(0, 115, 230, 0.1);
      align-items:center;
      padding-top:1rem;
      border-color:#0073e6;
      border-style:solid;
      border-width:1px;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:1rem;
      justify-content:center;
      border-top-left-radius:3px;
      border-top-right-radius:3px;
      border-bottom-left-radius:3px;
      border-bottom-right-radius:3px;
    }

    .JIbx {
      color:#ffffff;
      font-size:clamp(1.4rem, 5vw, 6rem);
      font-style:normal;
      text-align:left;
      font-family:Soehne;
      font-weight:400;
      line-height:1.1em;
      letter-spacing:-0.02em;
    }

    .dCcCYx {
      color:#ffffff;
      font-size:var(--typography--size-base);
      font-style:normal;
      text-align:left;
      font-family:var(--typography--font-family);
      font-weight:var(--typography--weight-regular);
      line-height:1.1em;
      letter-spacing:-0.02em;
    }

    .Web-Page\:CaPEuRrqVQhZcA4kndsZl {
      width:100%;
      max-width:175px;
    }

    .NygEr {
      width:100%;
      display:flex;
      row-gap:var(--spacing--gutter);
      column-gap:var(--spacing--gutter);
      align-items:flex-start;
      flex-direction:row;
      padding-bottom:var(--spacing--gutter);
      justify-content:flex-start;
    }

    .hNvgU {
      width:var(--columns--col-2);
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .bLTNGj {
      width:100%;
      align-items:center;
      padding-top:calc(var(--spacing--gutter) * 2);
      padding-bottom:calc(var(--spacing--gutter) * 2);
      justify-content:start;
    }

    .enWrgW {
      display:inline;
      font-size:inherit;
      font-style:italic;
      font-family:'Soehne';
      font-weight:200;
    }

    .wQANc {
      width:var(--columns--col-6);
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .bfDgGK {
      width:var(--columns--col-11);
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .bFrdfi {
      width:var(--columns--col-8);
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .cSLJBo {
      width:100%;
      row-gap:1rem;
      column-gap:1rem;
    }

    .buWcOn {
      width:var(--columns--col-7);
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .eNRrkL {
      width:var(--columns--col-4);
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .eNRrkL.layout-case-study {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
    }

    @media (max-width: 767px) {

    .eNRrkL.layout-case-study {
      width:var(--columns--col-12);
    }
    }

    .QsgUr {
      width:var(--columns--col-3);
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .cjvGwM {
      color:#ffffff;
      font-size:var(--typography--size-h3);
      font-style:normal;
      text-align:left;
      font-family:Soehne;
      font-weight:400;
      line-height:1.1em;
      letter-spacing:-0.02em;
    }

    .ckNxLZ {
      width:var(--columns--col-12);
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .fvzEHX {
      filter:var(--isInverted);
    }

    .ciJSIK {
      left:0px;
      width:100vw;
      bottom:0px;
      height:100vh;
      z-index:9999;
      position:fixed;
      transform:translateY(100%);
      background:#111111e0;
      transition:transform 750ms cubic-bezier(0.49, 0, 0.25, 1);
    }

    .ciJSIK.curtain-cover {
      transform:translateY(0);
    }

    .ciJSIK.curtain-exit {
      transform:translateY(-100%);
    }

    .ciJSIK.no-transition {
      transition:none;
    }

    .KXLjJ {
      width:var(--columns--col-9);
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
    }

    .KXLjJ.layout-main-page {
      width:var(--columns--col-9);
    }

    .KXLjJ.layout-case-study {
      width:var(--columns--col-5);
      justify-content:center;
    }

    @media (max-width: 767px) {

    .KXLjJ.layout-main-page {
      width:var(--columns--col-8);
    }
    }

    @media (max-width: 767px) {

    .KXLjJ.layout-case-study {
      width:var(--columns--col-8);
    }
    }

    .cwkxoh {
      width:var(--columns--col-5);
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .fdefIf {
      width:var(--columns--col-9);
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .wesOT {
      color:#ffffff;
      font-size:var(--typography--size-h1);
      font-style:normal;
      text-align:left;
      font-family:var(--typography--font-family);
      font-weight:var(--typography--weight-regular);
      line-height:1.1em;
      letter-spacing:-0.02em;
    }

    .bSyeoJ {
      width:var(--columns--col-3);
      display:flex;
      align-items:flex-start;
      justify-content:center;
    }

    @media (max-width: 767px) {

    .bSyeoJ {
      width:var(--columns--col-4);
      align-items:flex-start;
      justify-content:center;
    }
    }

    .fvyjHS {
      width:var(--columns--col-4);
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }